/*   
Theme Name: Origin
Theme URI: http://www.origin.com
Description: I built this theme from ground up
Author: Shy
Author URI: http://huannguyen.com
Version: 1.3
*/

@media screen{
    * {margin: 0;padding: 0;}
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, 
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
    }
    ul, ol{ list-style: none;}

    article, aside, figure, footer, header, hgroup, menu, nav, section {display: block;}

    .group:after{visibility: hidden; display: block; font-size: 0; content: " ";clear: both; height: 0;}
    .group{display: inline-block; clear: both;}
    /* start commented backslash hack \*/ * html .group{height: 1%;} .group{display: block;} /*close commented backslash hack */

    body{font: 12px/2 "Helvetica Neue",Helvetica,Arial,sans-serif;}

    /*
    TYPOGRAPHY    
    */
    h1, h2, h3, h4, h5{}
    a img{border:0;}
    a {color: #ce9702; text-decoration: none;}
    .zoomer:active {top:0}



    #page-wrap{margin: 0 auto; width: 1000px;}
    #header{
        height: 116px;
        padding: 60px 0 0 10px;
        background: url(images/header-bg.jpg) no-repeat top right;
    }
    #header h1 a{
        display: block;
        width: 197px;
        height: 63px;
        background: url(images/logo.png) no-repeat top left;
        text-indent: -999999px;
    }
    #top-bar{
        border-top: 1px dashed #359cc3;
        border-bottom: 1px dashed #359cc3;
        padding: 1px 0 0 0;
    }
    #searchBox{
        float: right;
        margin: 5px 0 0;
    }
    #s{
        padding: 3px;
    }
    #menu-page-menu{float: left;}
    #menu-page-menu li{
        position: relative;
        float: left;
    }

    #menu-page-menu li a{
        display: block;
        float: left;
        padding: 0px 10px;
        font-size: 16px;
        color: #545454;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }

    #menu-page-menu li a:hover{
        color: white;
        background-color: #bcd4da;
    }

    #menu-page-menu li ul{
        position: absolute;
        top: 100%;
        width: 13em;
        display: none;
        z-index: 1000;
    }

    #menu-page-menu li:hover ul{
        display: block;
    }

    #menu-page-menu li ul li a{
        float: none;
        font-size: 14px;
        border-left: 1px solid white;
        border-right: 1px solid white;
    }

    #menu-page-menu li ul li{        
        background-color: #bcd4da;
        width: 100%;
    }

    #menu-page-menu li ul li a:hover{
        background-color: #d7e7ea;
        color: #31576e;
    }
    
    .current_page_item{background-color: #bcd4da}

    #page-info {
        margin: 25px 0;
        overflow: hidden;
    }

    #featured{
        float: left;
    }
    #facebook{
        float: right;
    }
    
    /*****  MAIN STRUCTURE *********/
    #content-wrap{
        width: 100%;
        overflow: hidden;
    }

    #first-sidebar{
        width: 197px;
        float: left;
    }

    #main-content{
        width: 540px;
        float: left;
        margin: 0 15px;;
    }

    #second-sidebar{
        width: 229px;
        float: right;
    }

    #menu-categories-menu {padding: 5px;}
    #menu-categories-menu li a{
        color: #666;
        display: block;
        padding: 0 0 5px 0;
        border-bottom: 1px dotted #bcd4da;
    }
    #menu-categories-menu li a:hover{
        color: #ce9702;
    }
    .widget{
        margin:0 0 20px 0;
    }
    .widget p{
        padding: 0 3px;
    }
    .widget h4 a{
        font: bold 12px verdana, sans-serif;
    }
    .widget h2{
        padding: 3px 0 3px 10px;
        color: white;
        font-size: 16px;
        background: #bcd4da;
    }
    .date{
        text-decoration: underline;
        color: #898989;
        text-align: right;
        font-size: 11px;
    }
    
    
    /**** MAIN CONTENT *****/
    #main-content h2{
        padding: 5px 0 0 15px;
    color: white;
    font-size: 16px;
    background: url(images/cat-bg.png) no-repeat top left;
    border-bottom: 1px solid #bcd4da;
    }
    
    #main-content h2 a{color:white;}
    .post {position: relative;height: 325px;}
    .post ul.links{position: absolute;top: 250px;}
    .post h3{margin: 18px 0 0 158px;font-size: 18px;width: 340px;}
    .post h3 a:hover{text-decoration: underline;}
    .post img{float:left;margin: 0 15px;}
    .post p{margin-left: 158px;}
    .post .meta-data{
        margin: 15px 0px;
        border-top:1px solid #bcd4da;
        border-bottom:1px solid #bcd4da;
        padding: 5px;
    }
    .more-link{
        position: absolute;
        bottom: 80px;
        right: 0;
    }
    .post-edit-link{
        float: right;
    }
    a.more-link:hover{text-decoration: underline;}
    .comment-link{
        position: absolute;
        top:0;right: 0;
        display: block;
        width: 43px;
        height: 36px;
        padding-top: 5px;
        font-weight: bold;
        color:#ce9702;
        text-align: center;
        background: url(images/comment-bubble-rtl.png) no-repeat top left;
    }
    .comment-link:hover{
        color: #c06;
    }
    .tooltip{
        display: none;
        position: absolute;
        background: #ddd;
        border: 1px solid #666;
        border-radius: 5px;
        padding: 5px;
        width: 500px;
    }
    
    
    /**** CUSTOM PAGE ***/
    #main-content dt{
        cursor: pointer;
        color: #ce9702;
        font-size: 14px;
    }
    #main-content .current-question{
        color: #c06;
    }
    
    
    /**** SINGLE PAGE ****/
    body.single #content-wrap, 
    body.page #content-wrap,
    body.archive #content-wrap,
    body.error404 #content-wrap {margin: 30px 0;}
    body.single #main-content .post{height: auto}
    body.single #main-content .post p{margin: 10px 0; padding: 0;}
    body.single #main-content .post h3,
    body.archive #content-wrap h3,
    body.post #main-content .post h3{font-size: 18px;margin: 0}
    
    /***    SIDE-BAR SECOND    ***/
    .tabs {
        height: 33px;
        border-left: 1px solid #bcd4da;
    }
    .tabs li{
        float: left;
        line-height: 31px;
        border:1px solid #bdc4da;
        border-left: none;
        margin-bottom: -2px;
    }
    .tabs li a{
        color: white;
        display: block;
        padding: 0 14px;
        background-color: #bcd4da;
        border: 1px solid white;
    }    
    .tabs li:last-child a{
        padding: 0 17px 0 16px;
    }
    .tabs li a:hover{
        background-color: #d7e7ea;
    }
    .tabs li a.active{
        background-color: #d7e7ea;
        color: #31576e;
    }
    .tab-container{
        border:1px solid #BCD4DA;
        border-top:none;
        margin: 0px 0px 20px 0;
    }
    .tab_content{
        padding: 15px;
    }
    .tab_content ul li{
        border-bottom: 1px dotted #bcd4da;
        padding: 7px 0;
    }
    .tab_content ul li a{
        color: #666;
    }
    .tab_content ul li a:hover{
        color: #ce9702;
    }
    
    /**** FOOTER ***/
    #footer{
        position: relative;
        border-top:4px solid #359cc3;
        height: 120px;
        line-height: 120px;
        background: url(images/footer-bg.jpg) repeat-x top left;
        clear: both;
    }
    
    #footer p{
        text-align: center;
        color: #848484;
        text-transform: uppercase;
        font-size: 14px;
    }
    #footer img{
        position: absolute;
        top:5px;
        right: 218px;
    }
    
}